<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>People - TRACER </title>
  
  <link href="stylesheets/custom.less" media="all" rel="stylesheet/less" type="text/css" />
  <script src="javascripts/less-1.0.41.js"></script>
  <script type="text/javascript" charset="utf-8">
    // Under development you should uncomment the following lines,
    // to make the browser refresh the changes that you are makeing in your app.less file.
    less.env = "development";
    less.watch();
  </script>
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
<style>


</style>	

</head>
<body>
  <header id="header">
    <div class="row">
      <div class="column grid-16">
          <p class="logoContainer">
          	<a href="dashboard.html" class="logo"> <span class="hide">TRACER</span> </a> 
          </p>
      </div>
    </div>
  </header>
  <div id="bodycontent">
    <div id="main-section">
		<div class="group">
		      
		      <h5> Development team </h5>	
		      <div class="row">
					<div class="column grid-16">
				  		<div class="box clear">
							<div class="column grid-2">
								<img src="images/profile_m.png" alt="profile_img"  width="150" height="150"/>
							</div>
							<div class="column grid-5 il">				   	
								<dl>
									<dt>Name </dt>
									<dd> Joe </dd>
									<dt>Status </dt>
									<dd> working like hell! </dd>
									<dt>Who am i? </dt>
									<dd> I am a xy year old software programmer </dd>
									<dt> Skills </dt>
									<dd> Java, JSP </dd>
									<dt>Passions </dt>
									<dd> Fishing is my favorite pastime.. there is nothing satisfying like fishing on a bright day! </dd>	
									
								</dl>
							</div>
							<div class="column grid-5 il">				   	
								<dl>
									<dt>Phone </dt>
									<dd> +11 234085555 </dd>
									<dt>Email </dt>
									<dd> joe@mycompany.com </dd>
									<dt> Email </dt>
									<dd> joe@tracermail.com </dd>
									<dt> <a href="chat.html" > Chat </a> </dt>
									<dd> joe@tracer.com </dd>
									<dt>Web </dt>
									<dd> www.joetracer.com </dd>
								</dl>
							</div>
							
							<div class="column grid-4 il">				   	
								<div class="calendar clear">
									<div class="cal-head">
										<div class="hcell gray-cell"> <a href="#" > W </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > S </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > M </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > T </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > W </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > T </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > F </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > S </a> </div>								
									</div>
									
									<div class="cal-body">
										<div class="dcell gray-cell"> <a href="#" > 23 </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell green-cell"> <a href="#" > 1 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 2 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 3 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 4 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 5 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 6 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 24 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 7 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 8 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 9 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 10 </a> </div>
										<div class="dcell red-cell"> <a href="#" > 11 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 12 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 13 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 25 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 14 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 15 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 16 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 17 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 18 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 19 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 20 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 26 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 21 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 22 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 23 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 24 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 25 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 26 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 27 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 27 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 28 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 29 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 30 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 31 </a> </div>										
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
									</div>						
							</div>
							</div>
				   	</div>
					</div>
					
	      	</div>
	      	<div class="row">
					<div class="column grid-16">
				  		<div class="box clear">
							<div class="column grid-2">
								<img src="images/profile_w.png" alt="profile_img"  />
							</div>
							<div class="column grid-5 il">				   	
								<dl>
									<dt>Name </dt>
									<dd> Jane </dd>
									<dt>Status </dt>
									<dd> working like hell! </dd>
									<dt>Who am i? </dt>
									<dd> I am a xy year old anlyst </dd>
									<dt> Skills </dt>
									<dd> Media relation, press and communication </dd>
									<dt>Passions </dt>
									<dd> I love photography </dd>	
									
								</dl>
							</div>
							<div class="column grid-5 il">				   	
								<dl>
									<dt>Phone </dt>
									<dd> +11 234085555 </dd>
									<dt>Email </dt>
									<dd> jane@mycompany.com </dd>
									<dt> Email </dt>
									<dd> jane@tracermail.com </dd>
									<dt> <a href="chat.html" > Chat </a> </dt>
									<dd> jane@tracer.com </dd>
									<dt>Web </dt>
									<dd> www.jane.tracer.com </dd>
								</dl>
							</div>
				       		
					<div class="column grid-4">
			  			
							<div class="calendar clear">
									<div class="cal-head">
										<div class="hcell gray-cell"> <a href="#" > W </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > S </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > M </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > T </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > W </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > T </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > F </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > S </a> </div>								
									</div>
									
									<div class="cal-body">
										<div class="dcell gray-cell"> <a href="#" > 23 </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell green-cell"> <a href="#" > 1 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 2 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 3 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 4 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 5 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 6 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 24 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 7 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 8 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 9 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 10 </a> </div>
										<div class="dcell red-cell"> <a href="#" > 11 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 12 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 13 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 25 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 14 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 15 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 16 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 17 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 18 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 19 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 20 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 26 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 21 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 22 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 23 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 24 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 25 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 26 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 27 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 27 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 28 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 29 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 30 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 31 </a> </div>
										
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
									</div>						
							</div>

					</div>
					</div>
					</div>
	      	</div>
		</div>
		<div class="group">
		      
		      <h5> Infrastructure team </h5>	
		      <div class="row">
					<div class="column grid-16">
				  		<div class="box clear">
							<div class="column grid-2">
								<img src="images/profile_m.png" alt="profile_img"  width="150" height="150"/>
							</div>
							<div class="column grid-5 il">				   	
								<dl>
									<dt>Name </dt>
									<dd> Joe </dd>
									<dt>Status </dt>
									<dd> working like hell! </dd>
									<dt>Who am i? </dt>
									<dd> I am a xy year old software programmer </dd>
									<dt> Skills </dt>
									<dd> Java, JSP </dd>
									<dt>Passions </dt>
									<dd> Fishing is my favorite pastime.. there is nothing satisfying like fishing on a bright day! </dd>	
									
								</dl>
							</div>
							<div class="column grid-5 il">				   	
								<dl>
									<dt>Phone </dt>
									<dd> +11 234085555 </dd>
									<dt>Email </dt>
									<dd> joe@mycompany.com </dd>
									<dt> Email </dt>
									<dd> joe@tracermail.com </dd>
									<dt>IM </dt>
									<dd> joe@tracer.com </dd>
									<dt>Web </dt>
									<dd> www.joetracer.com </dd>
								</dl>
							</div>
							
							<div class="column grid-4 il">				   	
								<div class="calendar clear">
									<div class="cal-head">
										<div class="hcell gray-cell"> <a href="#" > W </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > S </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > M </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > T </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > W </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > T </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > F </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > S </a> </div>								
									</div>
									
									<div class="cal-body">
										<div class="dcell gray-cell"> <a href="#" > 23 </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell green-cell"> <a href="#" > 1 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 2 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 3 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 4 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 5 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 6 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 24 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 7 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 8 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 9 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 10 </a> </div>
										<div class="dcell red-cell"> <a href="#" > 11 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 12 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 13 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 25 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 14 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 15 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 16 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 17 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 18 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 19 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 20 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 26 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 21 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 22 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 23 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 24 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 25 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 26 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 27 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 27 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 28 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 29 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 30 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 31 </a> </div>										
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
									</div>						
							</div>
							</div>
				   	</div>
					</div>
					
	      	</div>
	      	<div class="row">
					<div class="column grid-16">
				  		<div class="box clear">
							<div class="column grid-2">
								<img src="images/profile_w.png" alt="profile_img"  />
							</div>
							<div class="column grid-5 il">				   	
								<dl>
									<dt>Name </dt>
									<dd> Jane </dd>
									<dt>Status </dt>
									<dd> working like hell! </dd>
									<dt>Who am i? </dt>
									<dd> I am a xy year old anlyst </dd>
									<dt> Skills </dt>
									<dd> Media relation, press and communication </dd>
									<dt>Passions </dt>
									<dd> I love photography </dd>	
									
								</dl>
							</div>
							<div class="column grid-5 il">				   	
								<dl>
									<dt>Phone </dt>
									<dd> +11 234085555 </dd>
									<dt>Email </dt>
									<dd> jane@mycompany.com </dd>
									<dt> Email </dt>
									<dd> jane@tracermail.com </dd>
									<dt>IM </dt>
									<dd> jane@tracer.com </dd>
									<dt>Web </dt>
									<dd> www.jane.tracer.com </dd>
								</dl>
							</div>
				       		
					<div class="column grid-4">
			  			
							<div class="calendar clear">
									<div class="cal-head">
										<div class="hcell gray-cell"> <a href="#" > W </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > S </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > M </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > T </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > W </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > T </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > F </a> </div>
										<div class="hcell yellow-cell"> <a href="#" > S </a> </div>								
									</div>
									
									<div class="cal-body">
										<div class="dcell gray-cell"> <a href="#" > 23 </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell green-cell"> <a href="#" > 1 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 2 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 3 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 4 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 5 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 6 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 24 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 7 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 8 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 9 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 10 </a> </div>
										<div class="dcell red-cell"> <a href="#" > 11 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 12 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 13 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 25 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 14 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 15 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 16 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 17 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 18 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 19 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 20 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 26 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 21 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 22 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 23 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 24 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 25 </a> </div>
										<div class="dcell orange-cell"> <a href="#" > 26 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 27 </a> </div>
										<div class="dcell gray-cell"> <a href="#" > 27 </a> </div>
										<div class="dcell blue-cell"> <a href="#" > 28 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 29 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 30 </a> </div>
										<div class="dcell green-cell"> <a href="#" > 31 </a> </div>
										
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
										<div class="dcell"> <a href="#" >  </a> </div>
									</div>						
							</div>

					</div>
					</div>
					</div>
	      	</div>
		</div>
    </div>
  </div>

<footer>
    <div class="row">
      <div class="column grid-16">
        <p class="tal"><strong>TRACER</strong> is under MIT License</p>
        <p class="tac"><small>Copyright &copy; 2011 </small></p>
      </div>
    </div>
  </footer>
</body>
</html>
        

